import Layout from '@c/layout'
import Button from '@c/button'
import styles from './err.module.scss'

const Index = () => {
  return (
    <Layout>
      <div className="notFound">
        <img loading="lazy" alt="" src="/images/errorPage.png" width={200 / 16 + 'rem'} height={167 / 16 + 'rem'} />
        <p>页面发生异常了！</p>
        <Button className={styles.errBtn} hover="opacity" link href="/">
          返回首页
        </Button>
      </div>
    </Layout>
  )
}

export default Index

export async function getStaticProps() {
  return {
    revalidate: 60 * 60 * 24,
    props: {
      layoutProps: {
        noSomeMetaInfo: true
      }
    }
  }
}
